<template>
  <div class="tableWapperWithPadding">
    <a-table
      :columns="columns"
      :rowKey="(record, index) => index"
      :dataSource="list"
      class="h100"
      :pagination="false"
    >
      <template
        slot-scope="text"
        v-for="column in columns.filter(item => !item.special)"
        :slot="column.scopedSlots.customRender"
      >
        <table-ellipsis :tableEllipsisIsTurnLine="false" :text="text||'_'" :key="column.dataIndex"/>
      </template>
    </a-table>
  </div>
</template>
<script>
import tableEllipsis from '@/components/Ellipsis/TableEllipsis'
import { flowDetailTbColumns } from '../config/list'
export default {
  components: { tableEllipsis },
  props: {
    time: {
      type: String,
      default: ''
    },
    list: {
      type: Array,
      default: () => {
        return []
      }
    }
  },
  data () {
    return {
      columns: flowDetailTbColumns
    }
  }
}
</script>
<style lang="less" scoped>
.tableWapperWithPadding{
    padding: 32px;
}
</style>
